<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <div class="span12">
    <div class="well grey">
        <div class="well-header">
            <ul class="nav pull-left">
              <li class="divider-vertical"></li>
              <li><a id="addUser" href="javascript:void(0);">添加</a></li>
              <li class="divider-vertical"></li>
              <li><a id="refresh" href="javascript:void(0);">刷新</a></li>
              <li class="divider-vertical"></li>
            </ul>
        </div>

        <div class="well-content">
          
          <!-- start -->
          <div class="table_options top_options">
              <div>
                  <span class="inline">日期:</span>
                  <input id="startDate" type="text" class="datetimepicker" style="width:100px" > —
                  <input id="endDate" type="text" class="datetimepicker" style="width:100px;" >
                  &nbsp;&nbsp;
                  <span class="inline">姓名:</span>
                  <input id="name" name="name" type="text" style="width:130px;">
                  &nbsp;&nbsp;
                  <span class="inline">性别:</span>
                  <select id="gender" class="selectpicker span1">
                      <option value="">不限</option>
                      <option value="0">男</option>
                      <option value="1">女</option>
                  </select>
                 
                  <a id="search" href="javascript:User.queryList()" class="blue btn" style="margin-left:10px;">查询</a>
              </div>
          </div>
          <!-- end   -->
          
          <div class="dataTables_wrapper">
            <table class="table table-striped table-bordered table-hover datatable"></table>
          </div>
        </div>
    </div>
</div>
<script>
  jQuery(function($){
	  User.getTableData();
	  
	  $(".datetimepicker").datetimepicker({
	      format:"yyyy-mm-dd",
		  autoclose: true,
		  pickTime: false,
		  minView: '2',
		  todayBtn: true
	  });
	  
	  $("#addUser").click(function(){
	      Fitz.loadForm('user/add');
	  });
	  
	  $("#refresh").click(function(){
		  Fitz.listPage(appCtx+"/web/user/list");
	  }); 
  });
</script>
